<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .red{background: red;}
        .yellow{color: yellow}
        .orange{color: orange}
    </style>
</head>
<div id="app">
    //都是行内样式 数组方式要取对应数据
    <div v-bind:style="[red,yellow]">hello</div>
    //直接写死
    <div v-bind:style="{'background':'red'}">hello</div>
</div>
<body>
<script src="vue.js"></script>
<script>
    var vm = new Vue({
        el:'#app',
        data:{
            red:{'background':'red'},
            yellow:{'color':'yellow'}
        }
    });
    //css3会自动添加前缀
</script>
</body>
</html>